<template>
  <d-config-provider>
    <div>
      <d-dropdown v-model="visible" placement="topCenter">
        <div>Text Text Text</div>
        <template #overlay>
          <d-menu>
            <d-menu-item key="0">
              <a href="http://www.alipay.com/">1st menu item</a>
            </d-menu-item>
            <d-menu-item key="1">
              <a href="http://www.taobao.com/">2nd menu item</a>
            </d-menu-item>
          </d-menu>
        </template>
      </d-dropdown>
      <d-button @click="visible = !visible">dropdown</d-button>
    </div>
  </d-config-provider>
</template>

<script>
export default {
  data() {
    return {
      visible: false
    };
  }
};
</script>

<style lang="scss" scoped></style>
